<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"  lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <link rel="stylesheet" type="text/css" href="css/css_whir.css"/>
    <!--    导入JQUery-->
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>

    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>

    <script type="text/javascript">
        var navID = "1";
    </script>

    <script type="text/javascript" src="js/TouchSlide.1.1.js" ></script>

</head>
<body>
<!--top-->
<header class="Top">
    <div class="Topbox">
        <div class="logo"><a href="index"></a></div>
        <!-- <a href="#" target="_blank" class="search"></a>-->
        <nav class="MainNav">
            <ul>
                <li><a id="nav1" class="navA" href="index">首页</a></li>
                <li><a id="nav2" class="navA" href="about">关于安时利</a></li>
                <li><a id="nav3" class="navA" href="product">产品中心</a></li>
                <li><a id="nav4" class="navA" href="jumpnews">新闻中心</a></li>
                <li><a id="nav5" class="navA" href="jumpServiceSupport">服务支持</a></li>
                <li><a id="nav6" class="navA" href="toQueryPatner">合作伙伴</a></li>
                <li><a id="nav7" class="navA" href="recruitment">人才招聘</a></li>
                <li><a id="nav8" th:if="${session.user==null}" class="navA" href="jump">登录</a>
                    <a th:if="${session.user!=null}"
                       id="nav8" class="navA" href="logout">退出</a></li>
                <!--                <li><a id="nav9" class="navA" href="jumpRegister">注册</a></li>-->
            </ul>
        </nav>

        <div class="clear"></div>
    </div>
    <div class="clear"></div>
</header>


<script type="text/javascript">
    //导航选中
    $("#nav" + navID).addClass("onnav");
    $( function(){
        $(".MainNav").find("li:last").css("background","");
    })

</script>
<!--top End-->

<aside class="HomeBan" id="HomeBan">

    <!--    轮播图片开始-->
    <div class="BanList">
        <ul>
            <li><a th:href="@{product(pc_id=7,ppc_id=25)}" target="_blank"><img src="images/lunbo1.jpg" width="100%" height="100%" alt="" /></a></li>
            <li><a th:href="@{product(pc_id=1,ppc_id=10)}" target="_blank"><img src="images/lunbo2.jpg" width="100%" height="100%" alt="" /></a></li>
            <li><a th:href="@{product(pc_id=2,ppc_id=15)}" target="_blank"><img src="images/lunbo3.jpg" width="100%" height="100%" alt="" /></a></li>
            <li><a th:href="@{product(pc_id=5,ppc_id=0)}" target="_blank"><img src="images/lunbo4.jpg" width="100%" height="100%" alt="" /></a></li>
        </ul>
    </div>
    <!--    轮播图片j结束-->
    <div class="Tablist">
        <ul>
            <li><span></span></li>
            <li><span></span></li>
            <li><span></span></li>
            <li><span></span></li>
        </ul>
    </div>
</aside>


<script type="text/javascript">
    //Banner
    var LiNum = $(".HomeBan .BanList li").size();
    if (LiNum > 1) {
        var LiW = $(".HomeBan .Tablist li:first").innerWidth();
        $(".HomeBan .Tablist ul").css("width", "100%");
        TouchSlide({
            slideCell: "#HomeBan",
            mainCell: ".BanList ul",
            titCell: ".Tablist ul li",
            effect: "leftLoop",
            autoPlay: true //自动播放
        });
    }
</script>




<div class="clear"></div>
<section class="HomeContain">

    <section class="Nbox">
        <div class="Ncontent">
            <em class="tit">新闻资讯</em>
            <div class="tn">
                <figure>

<!--                    <div class="imgbox"><img alt="" src="images/n1.jpg" width="330" height="220" /></div>-->
                    <div class="imgbox">
                        <a th:href="@{queryNewsDetail(n_id=${news[0].n_id})}">
                            <img alt="" th:src="${news[0].n_image}" width="330" height="220" />
                        </a>

                    </div>
                    <div class="det">
                        <a th:href="@{queryNewsDetail(n_id=${news[0].n_id})}">
                            <em th:text="${news[0].n_name}"></em>
                            <p th:text="${news[0].n_newp}">
                                <a th:href="@{queryNewsDetail(n_id=${news[0].n_id})}">[详细>>]</a>
                            </p>
                        </a>

                    </div>
                </figure>
            </div>
            <div class="NewTop">
                <em>
                    <a class="nt" th:href="@{queryNewsDetail(n_id=${news[1].n_id})}">
                    <span th:text="${news[1].n_name}"></span>
                    </a><span th:text="${news[1].n_createTime}">/</span></em>
                <p th:text="${news[1].n_newp}"><a th:href="@{queryNewsDetail(n_id=${news[0].n_id})}">[详细>>]</a></p>
            </div>
            <div class="Down">
                <div class="left">
                    <ul>
                        <li><a th:href="@{queryNewsDetail(n_id=${news[2].n_id})}">   <span th:text="${news[2].n_name}"></span></a> <span th:text="${news[2].n_createTime}"></span></li>
                        <li><a  th:href="@{queryNewsDetail(n_id=${news[3].n_id})}">   <span th:text="${news[3].n_name}"></span></a> <span th:text="${news[3].n_createTime}"></span></li>
                        <li><a  th:href="@{queryNewsDetail(n_id=${news[4].n_id})}">   <span th:text="${news[4].n_name}"></span></a> <span th:text="${news[3].n_createTime}"></span></li>
                    </ul>
                </div>
                <div class="right">

                    <a th:href="@{queryNewsDetail(n_id=${news[5].n_id})}">
                        <img alt="" th:src="${news[5].n_image}" width="310" height="215" />
                        <span  class="bt" th:text="${news[5].n_name}"></span>
                    </a>

                </div>
            </div>
        </div>
    </section>
    <div class="clear"></div>
    <section class="Pbox">
        <div class="pcontent">
            <em class="tit">产品专区</em>
            <div class="plist">
                <ul>
                    <li class="li" th:each="bigRank,bigRankStat:${bigRanks}">
                        <img th:src="${bigRank.pc_image}" width="238">

                        <div class="txt">
                            <em class="ttt" th:text="${bigRank.pc_name}"></em>
                            <ul th:each="li,liStat:${littleRanks}">
                                <span th:each="rank,rankStat:${li}">
                                    <li th:if="${rank.ppc_id} == ${bigRank.pc_id}">
                                        <a th:text="${rank.pc_name}" th:href="@{product(pc_id=${bigRank.pc_id},ppc_id=${rank.pc_id})}"></a>
                                    </li>
                                </span>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </section>


    </div>
</section>

<!--bottom-->
<footer class="Bottomer">
    <div class="Bottom">
        <div class="Bottomnav">
            <ul>
                <li><em></em><a class="bt">关于安时利</a>
                    <dl>
                        <dt><a th:href="@{about}">公司概况</a></dt>
                        <dt><a th:href="@{social_responsibility}">社会责任</a></dt>
                        <dt><a th:href="@{sustained_development}">持续发展</a></dt>
                    </dl>
                </li>
                <li><em></em><a class="bt">产品中心</a>
                    <dl>
                        <dt><a th:href="@{product(pc_id=1)}">医学影像产品</a></dt>
                        <dt><a th:href="@{product(pc_id=2)}">心血管产品</a></dt>
                        <dt><a th:href="@{product(pc_id=3)}">超声产品</a></dt>
                        <dt><a th:href="@{product(pc_id=4)}">血管成像仪</a></dt>
                        <dt><a th:href="@{product(pc_id=5)}">疤痕修复产品</a></dt>
                        <dt><a th:href="@{product(pc_id=6)}">负压创伤治疗系统</a></dt>
                        <dt><a th:href="@{product(pc_id=7)}">安格电子直乙结肠镜</a></dt>
                    </dl>
                </li>
                <li><em></em><a class="bt">新闻中心</a>
                    <dl>
                        <dt><a th:href="@{queryNews(n_category=0)}">公司新闻</a></dt>
                        <dt><a th:href="@{queryNews(n_category=1)}">行业新闻</a></dt>
                        <dt><a th:href="@{queryNews(n_category=2)}">学术资讯</a></dt>
                    </dl>
                </li>
                <li><em></em><a class="bt">服务支持</a>
                    <dl>
                        <dt><a th:href="@{jumpServiceSupport}">ANGC服务</a></dt>
                        <dt><a th:href="@{jumpServiceAddress}">服务网点</a></dt>
                        <dt><a th:href="@{jumpRepair}">网上保修</a></dt>
                        <dt><a th:href="@{jumptoDataRequest}">资料索取</a></dt>
                        <dt><a th:href="@{jumptoComplainSuggest}">投诉建议</a></dt>
                    </dl>
                </li>
                <li><em></em><a class="bt">合作伙伴</a>
                    <dl>
                        <dt><a th:href="@{toQueryPatner}">合作伙伴</a></dt>
                    </dl>
                </li>
                <li><em></em><a class="bt">人才招聘</a>
                    <dl>
                        <dt><a th:href="@{recruitment}">招聘职位</a></dt>
                        <dt><a th:href="@{development}">培养与发展</a></dt>
                        <dt><a th:href="@{salary}">薪酬与福利</a></dt>
                    </dl>
                </li>
            </ul>
        </div>
        <div class="connect">
            <span class="kf">全国客服热线</span>
            <em class="tel">400-000-0004</em>
            <div class="SreachBox">
                <form method="post" action="fuzzy">
                    <input name="n_name" type="text" value="搜索内容" onblur="if(this.value=='')this.value='搜索内容';" onfocus="if(this.value=='搜索内容')this.value='';" />
                    <button class="sreach_btn"><span class="Texthide"></span></button>
                </form>
            </div>
        </div>
    </div>
</footer>
<footer class="BottomRight">
    <div class="Copyright">Copyright © 2015  粤ICP备88888888</div>
</footer>

<script type="text/javascript">
    //整站无图处理
    /*jQuery.each(jQuery("img"),function (i,n) {
        jQuery(n).error(function () {
            n.src='images/nopic.jpg';
        });
        n.src=n.src;

    });*/

</script>

<script type="text/javascript">
    function GoSreach(rs) {

        /*window.location = "{$syspath}search/search.aspx?key=" + escape(rs);
        return true;*/
    }

    function entersearch() {
        //alert(dd);
        var event = window.event || arguments.callee.caller.arguments[0];
        if (event.keyCode == 13) {
            GoSearchUrl();
        }
    }

    function CheckString(s) {
        var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）—|{}【】‘；：”“'。，、？]")
        var rs = "";
        for (var i = 0; i < s.length; i++) {
            rs = rs + s.substr(i, 1).replace(pattern, '');
        }
        if (rs == "") {
            alert("不能输入特殊字符！");
            return false;
        }
        else {
            GoSreach(rs);
        }
    }
</script><!--bottom End-->

</body>
</html>